<template>
    <div class="app_order_make">
        <div class="title">订单详情</div>
        <div id="goods_list">
            <div class="item" v-for='(item,index) in order.goods_list' :key='index'>
                <div class="pic"><img :src="resurl+item.pic+'?x-oss-process=image/resize,m_fill,w_240,h_240'" alt="">
                </div>
                <div class="name">{{item.name}}</div>
                <div class="price">￥{{item.price}}</div>
                <div class="buynumber">x{{item.buynumber}}</div>
            </div>
        </div>
        <div class="title" style="margin-top: 10px">收件地址</div>
        <div id="addressbox" @click='setaddress()'>
            <div v-if="address" class='info'>
                <div class='line'>{{address.province}}{{address.city}}{{address.country}}</div>
                <div class='line'>{{address.addressdetail}}</div>
                <div class='line'>{{address.addressee}}</div>
            </div>
            <div v-else class='noaddress'>您尚未设置收件地址<br/>点击设置</div>

        </div>
        <div id="totalprice">实付款:<span>￥{{order.totalprice}}</span></div>
        <div class="btn" @click="buy()">立即购买</div>
    </div>

</template>

<script src="./main.js"></script>

<style lang="less" src="./main.less" scoped></style>
